<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>房型详情</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application">
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../css/app/room-details.css">
    <link rel="stylesheet" href="../css/common/layer.css">
    <link rel="stylesheet" href="../css/common/swiper.min.css">
    <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
    <script src="../js/common/tool.js"></script>
    <script src="../js/common/layer.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
    <script src="../js/common/swiper.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=yvpANtIr6GTDUtHDgNKLCwjy"></script>

    <script>
        // setTimeout(function  () {
        //   $('body').css('display','block');
        // },10)

    </script>

</head>
<body style="">
<div id="app">
    <div class="long-time">
        <div class="cont">
                <div class="cont-every">
                    <!--<img src="../assets/img/null-1.jpg">-->
                    <div class="swiper-container"><!--swiper容器[可以随意更改该容器的样式-->
                        <div class="swiper-wrapper" style="position: relative">
                            <div class="swiper-slide"><img :src="imgServerUrl+itemLong.img1Url"></div>
                            <div class="swiper-slide"><img :src="imgServerUrl+itemLong.img1Url"></div>
                            <div class="swiper-slide"><img :src="imgServerUrl+itemLong.img1Url"></div>
                            <div class="swiper-slide"><img src="../assets/img/null-1.jpg"></div>
                            <div class="swiper-slide"><img src="../assets/img/null-1.jpg"></div>
                        </div>
                        <div class="swiper-pagination" ></div><!--分页器-->
                        <!-- <div class="swiper-button-prev"></div> --><!--前进按钮-->
                        <!-- <div class="swiper-button-next"></div> --><!--后退按钮-->
                        <div class="cont-every-bottom">
                            <!--<p style="margin-left: 0.2rem;color: transparent" >1室1厅1卫</p>-->
                            <!--<p style="margin-right: 0.2rem;">111元/月</p>-->
                        </div>
                    </div>
                    <!--<p class="layout">222</p>-->
                </div>
            <div class="flex-div">
            <div class="cont-det">
                <div class="cont-det-every">
                    <p>{{itemLong.roomTypeName}}</p>
                    <p>{{itemLong.originMonthPrice}}元/月</p>
                </div>
                <div class="cont-det-every">
                    <p>房间概况</p>
                    <p>{{itemLong.info}}</p>
                </div>
                <div class="cont-det-every">
                    <p>房间情况:冰箱，电视，空调</p>
                </div>
                <div class="cont-det-every">
                    <p>地铁周边</p>
                </div>
            </div>
            </div>
            <div class="cont-map">
                <div id="allmap"></div>
                <p style="margin-top: 0.2rem;font-size: 0.4rem;margin-left: 0.28rem">路线图</p>
            </div>
            <div class="cont-bottom" @click="call_phone">
                <p><img src="../assets/icon/call3.png">预约热线</p>

            </div>

        </div>
</div>

</div>

<script src="../js/app/room-details.js"></script>
<script type="text/javascript">


</script>
<script type="text/javascript">
    var mySwiper = new Swiper(".swiper-container",{
        direction:"horizontal",/*横向滑动*/
        loop:true,/*形成环路（即：可以从最后一张图跳转到第一张图*/
        pagination:".swiper-pagination",/*分页器*/
        prevButton:".swiper-button-prev",/*前进按钮*/
        nextButton:".swiper-button-next",/*后退按钮*/
        observer:true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents:true,//修改swiper的父元素时，自动初始化swiper
        paginationClickable :true,
        autoplay:3000/*每隔3秒自动播放*/
    });

</script>



</body>


</html>
